<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>jQuery validation plug-in - requirejs demo</title>

        <link rel="stylesheet" href="../css/screen.css">

        <style type="text/css">
            #commentForm { width: 500px; }
            #commentForm label { width: 250px; }
            #commentForm label.error, #commentForm input.submit { margin-left: 253px; }
        </style>
    </head>
    <body>

        <h1 id="banner"><a href="http://jqueryvalidation.org/">jQuery Validation Plugin</a> Demo</h1>
        <div id="main">

            <p>Default submitHandler is set to display an alert into of submitting the form</p>
            <form class="cmxform" id="commentForm" method="get" action="">
                <fieldset>
                    <legend>Please provide your name, email address (won't be published) and a comment</legend>
                    <p>
                        <label for="cname">Name (required, at least 2 characters)</label>
                        <input id="cname" name="name" minlength="2" type="text" required>
                    </p>
                    <p>
                        <label for="cemail">E-Mail (required)</label>
                        <input id="cemail" type="email" name="email" required>
                    </p>
                    <p>
                        <label for="curl">URL (optional)</label>
                        <input id="curl" type="url" name="url">
                    </p>
                    <p>
                        <label for="ccomment">Your comment (required)</label>
                        <textarea id="ccomment" name="comment" required></textarea>
                    </p>
                    <p>
                        <input class="submit" type="submit" value="Submit">
                    </p>
                </fieldset>
            </form>

            <script>
                var require = {
                    paths: {
                        "jquery": "../../lib/jquery-1.11.1"
                    }
                };
            </script>
            <script src="../../lib/require.js" data-main="app.js"></script>
        </div>
    </body>
</html>
